function loadMenu()
{
	$.ajax({
		url:WEB_ROOT+"/user/menus.action",
		dataType:"json",
		success:function(data){
			var settings={
				events:{
					onClick:function(event,node){
						if(node.attr('href')!=="#")
						{
							event.preventDefault();
							var opts={
									id:node.attr('data-id'),
									url:node.attr('href'),
									title:node.find('.menu-text').text(),
									closeable:true
							}
							$("#myTab").systabs("add",opts);
						}
					}
				}	
			}
			menu.init($("#navmenu"),data,settings);
		},
		error:function(){
			alert("加载菜单，网络错误");
		}
	})
}
var menu={
		settings:{
			treeId:"",
			treeObj:null,
			data:{
				key:{
					name:'name',
					title:'title',
					url:'url',
					icon:'icon',
					iconOpen:'',
					iconClose:'',
					children:'children',
					open:'open',
					target:''
				},
				optsAttribute:null
			},
			events:{
				onClick:null,
				onDoubleClick:null
			},
			simpledata:{
				enable:true,
				id:'id',
				pid:'pid'
			}
		},
		init:function(treeObj,data,settings){
			menu.settings.treeObj=treeObj;
			if(settings!=null && !$.isEmptyObject(settings))
			{
				//覆盖默认设置
				$.extend(true,menu.settings,settings);
			}
			//渲染
			
			var key=menu.settings.data.key;
			var optsAttribute=menu.settings.data.optsAttribute;
			var id=1000;
			var renderMenu=function(menuObj,data){
				for(var index in data)
				{
					var _dMenu_=data[index];
					
					var _li_=$("<li/>");
					var _a_=$("<a/>").attr('data-id',id);
					id++;
					if(_dMenu_[key.url]!=null)
					{
						_a_.attr("href",WEB_ROOT+_dMenu_[key.url]);
					}
					else
					{
						_a_.attr("href","#");
					}
					if(_dMenu_[key.target]!=null)
						_a_.attr("target",_dMenu_[key.target]);
					//附加可选属性
					if(!$.isEmptyObject(optsAttribute))
					{
						for(var optsIndex in optsAttribute){
							var _optAttr_=optsAttribute[optsIndex];
							_a_.attr(optAttr,_dMenu_[optAttr]);
						}
					}
					_a_.bind('click',function(event){
						menu.settings.events.onClick(event,$(this));
					});
					_li_.append(_a_);
					if(_dMenu_[key.icon]!=null)
					{
						_a_.append($("<i/>").attr("class",_dMenu_[key.icon]));
					}
					_a_.append("<span class='menu-text'>"+_dMenu_[key.name]+"</span>");
					
					if(_dMenu_[key.children]!=null&&!$.isEmptyObject(_dMenu_[key.children]))
					{
						if(_dMenu_[key.open]===true)
						{
							_li_.attr("class","active");
						}
						_a_.attr("class","dropdown-toggle");
						_a_.append("<b class='arrow icon-angle-down'></b>");
						var _submenu_=$("<ul/>").attr("class","submenu");
						_li_.append(_submenu_);
						arguments.callee(_submenu_,_dMenu_[key.children]);
					}	
					$(menuObj).append(_li_);
				}
				return  menuObj;
			}
			renderMenu(treeObj,data);
			
//			$(treeObj).find("a").bind('click',function(event){
//				menu.settings.events.onClick(event,$(this));
//			});
			
		}
};


$(function(){
	loadMenu();
})